<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function method01(){
            //获取网页中的复选框标签
            var interArray=document.getElementsByName('inter');
            var  result='';
            var resultArray=new Array();
            resultArray['zq']='足球';
            resultArray['lq']='蓝球';
            resultArray['ppq']='乒乓球';
            //循环遍历  判断是否被选中
            for(var index=0;index<interArray.length;index++){
                if(interArray[index].checked){
                    result=result+ resultArray[interArray[index].value];
                }
            }
            //选中复选框的value值输出
            if(result==''){
                alert('1个都没有选择！');
            } else{
                alert(result);
            }
        }
    </script>
</head>
<body>
<form name="login">

    兴趣：
    <input  type="checkbox" name="inter" value="zq" checked="checked"/>
    足球
    <input  type="checkbox" name="inter" value="lq" />
    篮球
    <input  type="checkbox" name="inter" value="ppq" />
    乒乓球
</form>
<br>
<input type="button" value="获取复选框的值" onclick="method01()"/>
</body>
</html>